/* 全局样式 */
.root {
    -fx-background-color: #ffffff;
    -fx-font-family: "PingFang SC", "Microsoft YaHei", "SimSun", "Arial", sans-serif;
    -fx-focus-color: #4080ff;
}

/* 导航栏样式 */
.nav-bar {
    -fx-background-color: #f5f5f5;
    -fx-padding: 10px 0;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 1px 0 0;
}

.nav-button {
    -fx-background-color: transparent;
    -fx-padding: 12px;
    -fx-cursor: hand;
}

.nav-button:hover {
    -fx-background-color: #eaeaea;
}

.nav-button.active {
    -fx-background-color: #e5efff;
    -fx-border-color: #4080ff;
    -fx-border-width: 0 0 0 3px;
}

/* 助手列表样式 */
.assistant-card {
    -fx-background-color: white;
    -fx-border-color: #e0e0e0;
    -fx-border-radius: 8px;
    -fx-background-radius: 8px;
    -fx-padding: 12px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 5, 0, 0, 1);
    -fx-cursor: hand;
}

.assistant-card:hover {
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 8, 0, 0, 2);
    -fx-background-color: #f9f9f9;
}

.assistant-name {
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

.assistant-desc {
    -fx-font-size: 12px;
    -fx-text-fill: #606060;
}

/* 中部容器样式 */
.middle-container {
    -fx-background-color: #fafafa;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 1px 0 0;
    -fx-min-width: 240px;
    -fx-pref-width: 300px;
}

.search-container {
    -fx-padding: 10px;
    -fx-background-color: #f5f5f5;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 0 1px 0;
}

.category-tabs {
    -fx-padding: 10px;
    -fx-spacing: 10px;
}

.category-tabs .label {
    -fx-padding: 5px 10px;
    -fx-background-color: transparent;
    -fx-cursor: hand;
    -fx-font-size: 13px;
}

.category-tabs .label:hover {
    -fx-text-fill: #4080ff;
}

.category-tabs .active-tab {
    -fx-font-weight: bold;
    -fx-text-fill: #4080ff;
    -fx-border-color: #4080ff;
    -fx-border-width: 0 0 2px 0;
}

/* 标题样式 */
.header-label {
    -fx-font-size: 20px;
    -fx-font-weight: bold;
}

/* 发送按钮样式 */
.send-button {
    -fx-background-color: #4080ff;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-padding: 8 15 8 15;
    -fx-background-radius: 4;
}

.send-button:hover {
    -fx-background-color: #3070ee;
}

.send-button:pressed {
    -fx-background-color: #2060dd;
}

/* 上传图片按钮样式 */
.image-button {
    -fx-background-color: #ffffff;
    -fx-border-color: #4080ff;
    -fx-text-fill: #4080ff;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
}

.image-button:hover {
    -fx-background-color: #e5efff;
}

.image-button:pressed {
    -fx-background-color: #d0e0ff;
}

/* 聊天界面样式 */
.chat-container {
    -fx-background-color: white;
}

/* 消息框样式 */
.message-box {
    -fx-padding: 10;
    -fx-background-radius: 5;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 5, 0, 0, 1);
    -fx-max-width: 600;
    -fx-background-color: white;
}

/* 发送者标签样式 */
.sender-label {
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

/* 聊天气泡样式 */
.message-bubble {
    -fx-padding: 10px 15px;
    -fx-background-radius: 18px;
}

/* 用户消息样式 */
.user-message {
    -fx-background-color: #e5efff;
    -fx-text-fill: #1a1a1a;
    -fx-background-radius: 18px;
    -fx-border-color: transparent;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

/* AI消息样式 */
.ai-message {
    -fx-background-color: #f5f5f5;
    -fx-text-fill: #1a1a1a;
    -fx-background-radius: 18px;
    -fx-border-color: transparent;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

/* 输入区域样式 */
.text-area {
    -fx-background-color: white;
    -fx-border-color: #e0e0e0;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
}

.text-area .content {
    -fx-background-color: white;
}

.text-area:focused {
    -fx-border-color: #4080ff;
}

/* 滚动面板样式 */
.scroll-pane {
    -fx-background-color: transparent;
    -fx-padding: 10;
}

.scroll-pane > .viewport {
    -fx-background-color: transparent;
}

.scroll-bar:vertical {
    -fx-pref-width: 12;
    -fx-background-color: transparent;
}

.scroll-bar:vertical .thumb {
    -fx-background-color: #c0c0c0;
    -fx-background-radius: 6;
}

.scroll-bar:vertical .thumb:hover {
    -fx-background-color: #a0a0a0;
}

.scroll-bar:vertical .increment-button,
.scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-padding: 0 4;
}

.scroll-bar:vertical .increment-arrow,
.scroll-bar:vertical .decrement-arrow {
    -fx-background-color: #606060;
    -fx-shape: " ";
    -fx-padding: 0;
}

/* 侧边栏样式 */
.sidebar {
    -fx-background-color: #f5f5f5;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 5, 0, 1, 0);
}

/* 菜单项样式 */
.menu-item {
    -fx-background-color: transparent;
    -fx-background-radius: 8;
    -fx-cursor: hand;
}

.menu-item:hover {
    -fx-background-color: #eaeaea;
}

.menu-item:pressed {
    -fx-background-color: #e0e0e0;
}

.menu-item-active {
    -fx-background-color: #e5efff;
}

.menu-item-active Label {
    -fx-text-fill: #4080ff;
    -fx-font-weight: bold;
}

/* 菜单标签样式 */
.menu-label {
    -fx-font-size: 11px;
}

/* 子菜单样式 */
.sub-menu-pane {
    -fx-background-color: #fafafa;
    -fx-border-color: transparent;
}

.sub-menu-pane .viewport {
    -fx-background-color: #fafafa;
}

.sub-menu-container {
    -fx-background-color: #fafafa;
}

.sub-menu-item {
    -fx-background-color: transparent;
    -fx-background-radius: 8;
    -fx-cursor: hand;
}

.sub-menu-item:hover {
    -fx-background-color: #eaeaea;
}

.sub-menu-item:pressed {
    -fx-background-color: #d8d8d8;
}

.sub-menu-label {
    -fx-font-size: 13px;
    -fx-text-fill: #333333;
}

/* 分类标签样式 */
.category-label {
    -fx-font-size: 12px;
    -fx-font-weight: bold;
    -fx-text-fill: #606060;
}

/* 分隔线样式 */
.split-pane {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.split-pane > .split-pane-divider {
    -fx-background-color: #e0e0e0;
    -fx-padding: 1;
}

.split-pane:horizontal > .split-pane-divider {
    -fx-background-insets: 0;
    -fx-padding: 0 1;
}

/* 设置界面样式 */
.settings-container {
    -fx-background-color: white;
    -fx-padding: 20px;
}

.service-item {
    -fx-background-color: white;
    -fx-border-color: #e0e0e0;
    -fx-border-radius: 6px;
    -fx-padding: 10px;
    -fx-cursor: hand;
}

.service-item.selected {
    -fx-border-color: #4080ff;
    -fx-background-color: #f0f7ff;
}

/* 开关样式 */
.toggle-switch {
    -fx-padding: 5px;
}

.toggle-switch:selected .thumb-area {
    -fx-background-color: #4080ff;
}

.toggle-switch .thumb-area {
    -fx-background-color: #cccccc;
}

/* 链接标签样式 */
.link-label {
    -fx-text-fill: #4080ff;
    -fx-cursor: hand;
}

.link-label:hover {
    -fx-underline: true;
}

/* 提示标签样式 */
.hint-label {
    -fx-font-size: 12px;
    -fx-text-fill: #999999;
}

/* 按钮样式 */
.primary-button {
    -fx-background-color: #4080ff;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-padding: 8px 16px;
    -fx-background-radius: 4px;
}

.primary-button:hover {
    -fx-background-color: #3070ee;
}

.primary-button:pressed {
    -fx-background-color: #2060dd;
}

.secondary-button {
    -fx-background-color: #f5f5f5;
    -fx-text-fill: #333333;
    -fx-border-color: #d0d0d0;
    -fx-border-radius: 4px;
    -fx-background-radius: 4px;
    -fx-padding: 8px 16px;
}

.secondary-button:hover {
    -fx-background-color: #e5e5e5;
}

.secondary-button:pressed {
    -fx-background-color: #d5d5d5;
}

.icon-button {
    -fx-background-color: transparent;
    -fx-padding: 6px;
    -fx-cursor: hand;
}

.icon-button:hover {
    -fx-background-color: #eaeaea;
    -fx-background-radius: 4px;
}

/* 设置部分样式 */
.settings-section {
    -fx-background-color: white;
    -fx-background-radius: 8px;
    -fx-border-radius: 8px;
    -fx-border-color: #e0e0e0;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 5, 0, 0, 1);
    -fx-spacing: 10px;
}

.section-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
}

.settings-item {
    -fx-padding: 8px 0;
    -fx-spacing: 5px;
} 